<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Maquette HTML :: Maci Immobilier</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css">
	<link href="../css/maci-immobilier.css" type="text/css" rel="stylesheet" />
	<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>

<body>
<div id="page">
	<div id="header">
		<a href="#"><img id="logo" alt="logo MACI Immobilier" src="../img/logo.gif" /></a>
		<img id="slogan1" alt="l'immobilier comme vous ne l'avez jamais vu" src="../img/slogan1.gif" />
		<img id="slogan2" alt="1er réseau d'agences partenaires" src="../img/slogan2.gif" />
	</div>
	<div id="middle">
		<div id="block">
			<div id="block-top"><!-- background --></div>
			<div id="block-middle">
				<h2>rechercher</h2>
				<form id="search_form" method="post" action="#">
					<p>
						<label for="type_bien">Type de bien</label>
						<select id="type_bien">
							<option value="1">non précisé</option>
							<option value="2">valeur 2</option>
						</select>
					</p>
					<p>
						<label for="type_transaction">Type de transaction</label>
						<select id="type_transaction">
							<option value="1">non précisé</option>
							<option value="2">valeur 2</option>
						</select>
					</p>
					<p>
						<label for="localisation">Localisation</label>
						<select id="localisation">
							<option value="1">non précisé</option>
							<option value="2">valeur 2</option>
						</select>
					</p>
					<p>
						<span>Prix</span> entre
						<input type="text" id="prix_mini" size="8" name="prix_mini" value="1" />
						et
						<input type="text" id="prix_maxi" size="8" name="prix_maxi" value="100" />
					</p>
					<p>
						<span>Surface</span> entre
						<input type="text" id="suce_mini" size="6" name="surface_mini" value="1" />
						et
						<input type="text" id="surface_maxi" size="6" name="surface_maxi" value="100" />
					</p>
					<p>
						<span>Pièce</span> entre
						<input type="text" id="piece_mini" size="4" name="piece_mini" value="1" />
						et
						<input type="text" id="piece_maxi" size="4" name="piece_maxi" value="100" />
					</p>
					<p class="submit">
						<input type="submit" id="submit" name="submit" class="submit" value="Rechercher" />
					</p>
				</form>
				<p id="block-link">Accéder à la <a href="#">liste complète</a>.</p>
			</div>
			<div id="block-bottom"><!-- background --></div>
		</div>
		<ul id="menu">
			<li><a href="#" class="selected">accueil</a></li>
			<li><a href="#">rechercher</a></li>
			<li><a href="#">alerte&nbsp;mail</a></li>
			<li><a href="#">proposer</a></li>
			<li><a href="#">contact</a></li>
		</ul>
		<div id="content">
			<div id="leftColumn">
				<h2>Bienvenue sur le site<span>de l'immobilier nouveau</span></h2>
				<p class="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec congue nunc <a href="#">vitae lectus</a>. Donec ipsum felis, dapibus et, mollis eget, egestas at, nulla. Cras suscipit iaculis nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.<br/>Nunc at leo. Quisque pretium, libero eget varius feugiat, ipsum lorem dignissim justo, ut accumsan justo turpis scelerisque odio. Mauris tristique. Nam lacinia venenatis nunc. Vestibulum convallis ultrices justo. Proin sed ipsum.</p>
				<h3>Nos services et notre qualité</h3>
				<ul>
					<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
					<li>Donec congue nunc <a href="#">vitae lectus</a>.</li>
					<li>Donec ipsum felis, dapibus et, mollis eget, egestas at, nulla.</li>
				</ul>
			</div>
			<div id="rightColumn">
				<h3>Nos meilleures offres</h3>
				<a class="annonce_mini">
					<img alt="" src="../img/annonce_photo1.jpg" />
					3 pièces<br/>
					200 m<sup>2</sup><br/>
					40 000 €
				</a>
				<a class="annonce_mini">
					<img alt="" src="../img/annonce_photo2.jpg" />
					5 pièces<br/>
					1200 m<sup>2</sup><br/>
					400 000 €
				</a>
			</div>
			<br class="clear" />
		</div>
	</div>
	<div id="footer">
		<p id="footer-left">
			&copy; 2007 M.A.C.I. Immobilier<br/>
			::&nbsp;<a href="#">Crédits</a>&nbsp;::&nbsp;<a href="#">Mentions&nbsp;légales</a>&nbsp;::
		</p>
		<p id="footer-right">
			<a href="#">Accueil</a>&nbsp;|&nbsp;<a href="#">Qui sommes-nous ?</a>&nbsp;|&nbsp;<a href="#">Rechercher des annonces</a>&nbsp;|&nbsp;<a href="#">Alerte mail</a>&nbsp;|&nbsp;<a href="#">Proposer un bien</a>&nbsp;|&nbsp;<a href="#">Contactez nous</a>
		</p>
	</div>
</div>
</body>
</html>